iT邦幫忙

0

【Day0】CesiumJS小試身手 - 元件與資料結構

  • 分享至 

  • xImage
  •  

學習CesiumJS的時候我們需要大概知道有哪些資料結構,這跟我們學習Openlayers的時候一樣,不需要特別死記其中的內容,只要大概知道有哪些即可,基本的想法是至少,我們能夠對關鍵字有一點點的印象,不然你連問chatgpt都沒辦法了吧XDDD

元件

這邊我請chatgpt幫忙整理出來,整個CesiumJS裡面必要與可選的有哪些,這樣我們在創建地圖元件的時候至少可以知道一些蛛絲馬跡!!!!

CesiumJS Application
├── Cesium.Viewer (必要)
│   ├── scene (必要)
│   │   ├── globe (必要)
│   │   │   ├── terrainProvider (可選)
│   │   │   └── imageryLayers (必要)
│   │   ├── camera (必要)
│   │   ├── primitives (可選)
│   │   └── postProcessStages (可選)
│   ├── clock (可選)
│   ├── entityCollection (必要)
│   ├── dataSources (可選)
│   ├── imageryProvider (可選)
│   ├── terrainProvider (可選)
│   ├── infoBox (可選)
│   ├── selectionIndicator (可選)
│   ├── timeline (可選)
│   ├── animation (可選)
│   ├── baseLayerPicker (可選)
│   ├── fullscreenButton (可選)
│   ├── geocoder (可選)
│   ├── homeButton (可選)
│   ├── navigationHelpButton (可選)
│   ├── sceneModePicker (可選)
│   └── vrButton (可選)

元件說明

  • Cesium.Viewer (必要): 應用的核心組件,負責初始化和管理其他元件。
  • scene (必要): 渲染地球及所有圖層和物件。
  • globe (必要): 地球表面,包含地形和影像圖層。
    • terrainProvider (可選): 提供地形資料的元件。
    • imageryLayers (必要): 用於顯示地球表面的影像圖層。
  • camera (必要): 控制視角。
  • primitives (可選): 渲染3D物件。
  • postProcessStages (可選): 場景的後期處理。
  • clock (可選): 控制時間。
  • entityCollection (必要): 管理場景中的所有實體。
  • dataSources (可選): 加入各種資料源。
  • imageryProvider (可選): 影像圖層提供者(可選,預設提供一個影像圖層)。
  • infoBox (可選): 顯示選中物件的信息。
  • selectionIndicator (可選): 指定當前選中的物件。
  • timeline (可選): 顯示時間軸,允許用戶控制時間。
  • animation (可選): 顯示播放控制,用於時間動畫。
  • baseLayerPicker (可選): 底圖選擇器。
  • fullscreenButton (可選): 全螢幕按鈕。
  • geocoder (可選): 地理編碼器,允許使用者搜尋位置。
  • homeButton (可選): 回到預設視角的按鈕。
  • navigationHelpButton (可選): 提供導航幫助。
  • sceneModePicker (可選): 場景模式選擇器。
  • vrButton (可選): 虛擬現實模式按鈕。

基本地圖

同時,如果你想知道一個基本的地圖該如何啟動,我們也只要有以下的元件架構就可以把一個簡單的地圖顯示出來了,實際程式碼,我會在Day01中說明,如何建立基本的地圖。

Basic CesiumJS Application
├── Cesium.Viewer (必要)
│   ├── scene (必要)
│   │   ├── globe (必要)
│   │   │   └── imageryLayers (必要)
│   │   ├── camera (必要)
│   ├── entityCollection (必要)

元件說明

  • Cesium.Viewer (必要): 應用的核心組件,用於初始化場景。
  • scene (必要): 渲染地球及所有圖層和物件。
  • globe (必要): 地球表面。
  • imageryLayers (必要): 顯示地球表面的基本影像圖層。
  • camera (必要): 控制視角。
  • entityCollection (必要): 管理場景中的所有實體。

目前計畫是與openlayers一樣的章節單元來紀錄這些元件的使用過程,我想比較多是分享同時讓自己未來要寫這些功能的時候不是從零開始,共勉之。


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言